<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            float:right;
        }
        span{
            display: inline-block;
        }
        #aaa{
           white-space:nowrap;

        }
        #src{
            white-space:initial;
        }
        textarea{
            margin-top: 50px;
            
        }
        #src{
            white-space:initial;
        }
        #box1{
            display: inline-block;
        }
        
    </style>
</head>
<body>
    <form action="">

        <span id="div1">
            <p>登录名：<input type="text">(可包含a-z、0-9、和下划线) </p>
            
            <p>密码：          <input type="text">(至少包含6个字符)</p>
            
            <p>再次输入密码：   <input type="text"></p>
            
            <p>电子邮箱         <input type="text">(必须包含@字符)</p>
            
            <p>性别：<input type="radio" name="gender" checked><img src="/Day1005/form/images/Male.gif" alt="">男 <input type="radio" name="gender"><img src="/Day1005/form/images/Female.gif" alt="">女 </p>
            
            <p>头像 <input type="file"></p>
            
            <p>爱好 <input type="checkbox" name="hobby" id="">运动 <input type="checkbox" name="hobby" id="">聊天 <input type="checkbox" name="hobby" id="">玩游戏</p>
            
            <p>喜欢的城市   <select name="" id="">
                <option value="">[请选择]</option></select></p>
            
            <p id="aaa"><input type="reset" value="同意右侧服务条款"><button>重填</button></p>
        </span>
        <div id="box">
            <div id="box1"><img src="./form/images/read.gif" id="src">阅读贵美网服务协议</div>
            
            <textarea name="" id="" cols="30" rows="10">欢迎阅读服务条款协议......</textarea>
        
        </div>

    </form>


    
</body>
</html>